<template>
  <view class="box">
    <view class="box1">
      <!-- 1 -->
      <view class="box11"></view>
      <view class="box12">
        关于我们
      </view>
      <view class="box13">></view>
      <view class="box14"></view>
      <!-- 2 -->
      <view class="box2">用户协议</view>
      <view class="box21">></view>
      <view class="box22"></view>
      <!-- 3 -->
      <view class="box3"> 隐私政策</view>
      <view class="box31">></view>
      <view class="box32"></view>
      <!-- 4 -->
      <view class="box4"> 版本</view>
      <view class="box41">1.0.1</view>
      <view class="box42">></view>
      <view class="box43"></view>
    </view>
    <!-- 5 -->
    <view class="box5">
      <uv-button :custom-style="customStyle" color="white" size="normal" text="退出登录"></uv-button>
      </view>
      <view class="box51">
      <image src="/static/image4.png" />
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      }
      
    },
    computed:{
      customStyle(){
        return{
          height:'80rpx',
          background: 'white',
					color: 'black',
					// borderRadius: '40rpx' ,//圆角
					// nvue中必须是下方的写法
					// 'border-top-right-radius': '40rpx',
					// 'border-bottom-left-radius': '40rpx',
					// 'border-bottom-right-radius': '40rpx'
        }
      }
    },
    methods: {
      
    }
  }
</script>

<style>
/* 5 */
.box51 image{
  width: 60rpx;
  height: 60rpx;
  margin-left: 240rpx;
  margin-top: -70rpx;
  position: absolute;
}
.box5{
  margin-top: 30rpx;
  
}
/* 4 */
.box4{
  font-size: 40rpx;
  margin-left: 50rpx;
  margin-top: 50rpx;
}
.box41{
  font-size: 45rpx;
  color: rgb(187, 185, 185);
  text-align: right;
  margin-right: 85rpx;
  margin-top: -65rpx;
}
.box42{
  color: rgb(203, 202, 202);
  text-align: right;
  font-size: 55rpx;
  margin-top: -65rpx;
margin-right: 40rpx;
}
.box43{
  width:2900rpx;
  height: 1rpx;
  background-color: rgb(236, 233, 233);
  margin-top: 40rpx;
}
/* 3 */
.box3{
  font-size: 40rpx;
  margin-left: 50rpx;
  margin-top: 50rpx;
}
.box31{
  color: rgb(203, 202, 202);
  text-align: right;
  font-size: 55rpx;
  margin-top: -65rpx;
margin-right: 40rpx;
}
.box32{
  width:2900rpx;
  height: 1rpx;
  background-color: rgb(236, 233, 233);
  margin-top: 40rpx;
}
/* 2 */
.box2{
  font-size: 40rpx;
  margin-left: 50rpx;
  margin-top: 50rpx;
}
.box21{
  color: rgb(203, 202, 202);
  text-align: right;
  font-size: 55rpx;
  margin-top: -65rpx;
margin-right: 40rpx;
}
.box22{
  width:2900rpx;
  height: 1rpx;
  background-color: rgb(236, 233, 233);
  margin-top: 40rpx;
}
/* 1 */
.box11{
  width:2900rpx;
  height: 1rpx;
  background-color: rgb(236, 233, 233);
  margin-top: 40rpx;
}
.box12{
  font-size: 40rpx;
  margin-left: 50rpx;
  margin-top: 50rpx;
}
.box13{
  color: rgb(203, 202, 202);
  text-align: right;
  font-size: 55rpx;
  margin-top: -65rpx;
margin-right: 40rpx;
}
.box14{
  width:2900rpx;
  height: 1rpx;
  background-color: rgb(236, 233, 233);
  margin-top: 40rpx;
}
.box1{
  background-color: white;
}
.box{
  background-color: rgb(234, 230, 230);
  height: 1400rpx;
}
</style>
